body{
   
    width:100%;

    height:820px;

    background:url(../../images/registerLoading/img1.jpg) no-repeat;

    background-size:100%;
 
    margin:0;
 
    padding:0;
}
a{
    text-decoration: none;
}
/* 主体下的所有div */
.main{

    width:100%;

    height:100%;  

}
.main .box{

    width:550px;

    height:600px;

    background-color:#fff;

    margin: 0 auto;

    position:relative;

    top:200px;

    box-shadow: 1px 2px 5px #aaa,-2px -2px 5px #aaa ;

}
/* 主体下的左半部分 */
.main .box .top{

    width:100%;

    height:80px;

    border-bottom:1px solid rgb(229, 229, 236);

    margin: 0 auto;

    line-height:80px;

    text-align:center;

    font-size: 19px;

    font-weight: bold;

}
.main .box .error{

    width:300px;

    height:30px;

    border:1px solid black;

    margin: 0 auto;

}
.main .box .address{

    font-size:15px;

    position: relative;

    left:95px;

    top:20px;
}
 .main .box .table1:hover, .main .box .table2:hover,.main .box .table3:hover{

    border: 1px solid #D2E9FF;

}

/* 邮箱错误提示框 */
 .main .box .email-error{

    width:300px;

    height:40px;

    margin-left:185px;

    color:red;

    display:none;

    text-align:center;

    line-height:40px;

    background-color:rgb(229, 229, 236);

    font-size:8px;

}
 .main .box .paragraph1{

     position:relative;

     font-size:8px;

     color:#aaa;

     left:170px;

     top:20px;

     padding:8px 0px;

}
 .main .box .paragraph1:hover,.main .box .paragraph-1:hover{

     color:black;

}
 .main .box .password{

     font-size:15px;

     position: relative;

     left:110px;

     top:20px;

}
.main .box  .table1{

    width: 300px;

    height : 40px;

    border-radius : 7px;

    border:1px solid #aaa;

    margin-left:20px;

}
 .main .box  .table2{

    width: 300px;

    height : 40px;

    border-radius : 7px;

    border:1px solid #aaa;

     margin-left:20px;

}
.main .box  .table3{

    width: 170px;

    height : 40px;

    border-radius : 7px;

    border:1px solid #aaa;

    margin-left:20px;

}
.main .box .paragraph1-01{

    font-size:8px;

    color:red;

    display:none;

    position:relative;

    top:20px;

    left:170px;

    padding:3px 0px;

}
 .main .box .confirm-password{

     position: relative;

     top:20px;

     font-size:15px;

     text-align: center;
}
.main .box .telephone{

    position: relative;

    top:20px;

    font-size:15px;

    text-align: center;

}
input::-webkit-input-placeholder{

    color:black;

}
 .main .box .code{

     font-size:15px;

     text-align: center;

     position: relative;

     left:37px;

     top:20px;

}
.main .box .paragraph2{

    position: relative;

    left:164px;

    top:40px;

}
 .main .box .paragraph-1{

     position:relative;

     font-size:8px;

     color:#aaa;

     top:30px;

     left:170px;
}
 .main .box .paragraph-1-01{

     position:relative;

     font-size:8px;

     top:20px;

     left:170px;

     color:red;

     display: none;
}

.main .box .agree{

    font-size:8px;

    position:relative;

    left:188px;

    top:21px;
}
 .main .box .last{

    width : 119px;

    height : 37px;

    background-color:#1890FF;

    text-align : center;

    line-height : 37px;

    border-radius:5%;

    color:#fff;

    font-size : 15px;

    position: relative;

    left:170px;

     top:45px;

}
.main .box .last:hover{

    box-shadow: 1px 2px 5px #1890FF,-1px -2px 5px#1890FF;
    
}
.main .box .last a{

    color:#fff;

    font-size : 15px;

}

 .main .box .registered  a:hover{

    background-color:#256DB7;

    color:#fff;

}
#changeImg{

    margin:0 auto;

   position: relative;

   top:5px;

}
.main .box .code a .code-refresh{

    position: relative;

    top:11px;

    left:-93px;

    font-size: 13px;

}
/* .phone-code{

    width:150px;

    height:35px;

    border:0.5px solid #aaa;

    background-color: #f2f2f2;

    position: relative;

    font-weight: bold;
} */
.import{
    color:red;
}
/* 验证码 */